{extend name="public/base"/}
{block name="body"}
<style>
    .moreMember{
        padding-top:5em;
    }
    .moreMember .row{
        padding:.5em .5em .5em 1.5em
    }
    .moreMember .form-control{
        width:auto;
        margin-right:.5em;
    }
    .moreMember .item{
        position: relative;
    }
    .moreMember .item span{
        z-index: 100;
        display:none;
        color: #ffffff;
        padding: .1em;
        background: #7968fb;
        position: absolute;
        right: 0;
    }
    .moreMember .item .active{
        display:block;
    }
</style>
<div class = "moreMember">
    <div class = "row">首页>会员搜索</div>
    <div class = "search row">
        <select class = "col-xs-3 form-control" name = "sex">
            <option selected>性别</option>
        </select>
        <select class = "col-xs-3 form-control" name = "age">
            <option selecte>年龄</option>
        </select>
        <select class = "col-xs-3 form-control" name = "height">
            <option selected>身高</option>
        </select>
        <button class = "btn btn-primary">搜索</button>.
    </div>
    <!--瀑布流-->
    <div class="col-xs-12" class = "waterfall">
        <div class="waterfall col-xs-12 col-sm-8 col-sm-offset-2">
            <div class="item">
                <span class = "active">在线</span>
                <a href="{:url('index/index/detail')}">
                    <img src="__IMG__/tab1-2.png">
                </a>
                <div class = "button"><a class = "btn btn-default col-xs-6" href = "{:url('index/index/talk')}">聊天</a><a class = "btn btn-default col-xs-6">添加</a></div>
            </div>
        </div>
    </div>
    <!--瀑布流-->
</div>
{/block}
